<div
  *ngIf="isVisible"
  class="assessment-modal"
  [ngClass]="{'opne-animation': isVisible}"
  cdkDrag>
  <div class="modal-head">
    <p class="head-title" cdkDragHandle>
      <span class="drop-btn">
        <svg width="20px" fill="currentColor" viewBox="0 0 24 24">
          <path d="M10 9h4V6h3l-5-5-5 5h3v3zm-1 1H6V7l-5 5 5 5v-3h3v-4zm14 2l-5-5v3h-3v4h3v3l5-5zm-9 3h-4v3H7l5 5 5-5h-3v-3z"></path>
          <path d="M0 0h24v24H0z" fill="none"></path>
        </svg>
      </span>
      评估详情
    </p>
    <span class="modal-del" (click)="isVisible = false">
      <i nz-icon nzType="close" nzTheme="outline"></i>
    </span>
  </div>

  <div class="modal-body">
    <ng-container>
      <nz-col nzSpan="24" class="machine-wrap">
        <p class="machine-title">下单机型: <span>{{ optionParams.umname || '--' }}</span></p>
  
        <div class="p-l-10">
          <ng-container *ngIf="_listData.length;else templateNodata">
            <dl class="subject-dl" *ngFor="let item of _listData; let index = index;">
              <dt>{{ index + 1 }}、{{ item.questionName }}<span class="tip-s">*</span></dt>
              <dd>
                <ng-container *ngIf="item.selectType == 0;else templateType">
                  <nz-radio-group nzDisabled [(ngModel)]="item.selectedValue">
                    <label
                      *ngFor="let item of item.options"
                      nz-radio
                      [nzValue]="item.id">
                      {{ item.optionName }}
                    </label>
                  </nz-radio-group>
                </ng-container>
  
                <ng-template #templateType>
                  <nz-checkbox-group nzDisabled [(ngModel)]="item.options"></nz-checkbox-group>
                </ng-template>
              </dd>
            </dl>
            <nz-divider></nz-divider>
          </ng-container>

          <ng-template #templateNodata>
            <nz-empty></nz-empty>
          </ng-template>
        </div>
      </nz-col>
    </ng-container>
  </div>

  <div class="modal-foot">
    <p class="foot-sum">预估合计: <b>{{ _listData.length ? optionParams.totalNum : '--' }}</b></p>
  </div>
</div>

<!-- mask -->
<ng-container *ngIf="isMask">
  <div *ngIf="isVisible" class="modal-mask-wrap" (click)="isVisible = false"></div>
</ng-container>